<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>微信支付</title>
    <link rel="stylesheet" href="https://unpkg.com/element-plus/dist/index.css">
    <script src="https://unpkg.com/vue@3"></script>
    <script src="https://unpkg.com/element-plus"></script>
    <style>.container{max-width:600px;margin:0 auto;padding:16px;text-align:center}</style>
</head>
<body>
<div id="app" class="container">
    <el-page-header @back="go('/pay/select')" content="微信支付"></el-page-header>
    <el-result icon="success" title="模拟拉起微信支付">
        <template #extra>
            <el-button type="success" @click="finish">支付完成</el-button>
        </template>
    </el-result>
</div>
<script>
const { createApp } = Vue
createApp({
    setup(){
        const go = (p)=>{ location.href = p }
        const finish = ()=>{ ElementPlus.ElMessage.success('支付成功'); go('/orders') }
        return { go, finish }
    }
}).use(ElementPlus).mount('#app')
</script>
</body>
</html>



